﻿@model  ToquesDeDarsena.Controllers.ToquesController.ValidarToque
@{
    ViewBag.Title = "Cargar Toque";
}

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span8 offset5">

            <form role="form" method="post" action="@Url.Action("Agregar", "Toques")">

                <legend>Datos del Toque</legend>

                <div class="form-group">
                    <div class="form-inline">
                        <input type="number" class="form-control" placeholder="Codigo Empresa" name="codigoEmpresa" id="codigoEmpresa" onkeyup="setTimeout(consultarEmpresa, 0)" onchange="setTimeout(consultarEmpresa, 0)" autofocus />
                        @Html.ValidationMessageFor(x => x.codigoEmpresa, null, new { @class = "bg-danger" }) 
                        <span id="nombreEmpresa"></span>
                    </div>
                </div>

                <div class="form-group">
                    <div class="form-inline">
                        <input type="number" class="form-control" id="codigoLocalidad" name="codigoLocalidad" onkeyup="setTimeout(consultarLocalidad, 0)" onchange="setTimeout(consultarLocalidad, 0)" placeholder="Codigo Localidad">
                        @Html.ValidationMessageFor(x => x.codigoLocalidad, null, new { @class = "bg-danger" }) 
                        <span id="nombreLocalidad"></span>
                    </div>
                </div>

                <div class="form-group">
                    <div class="form-inline">
                        <input type="text" class="form-control" name="interno" placeholder="Numero Interno" />
                        @Html.ValidationMessageFor(x => x.Interno, null, new { @class = "bg-danger" }) 
                    </div>
                </div>

                <div class="form-group">
                    <div class="form-inline">
                        <span>Numero Darsena : </span>
                        <select name="darsena">
                            @for (int i = 1; i <= 10; i++)
                            {
                                <option value="@i">@i </option>
                            }
                        </select>
                    </div>
                </div>

                <button type="submit" class="btn btn-success btn-xs">Agregar Toque</button>


            </form>

        </div>
    </div>
</div>

<!-- CODIGO JAVASCRIPT -->
<script type="text/javascript">
    /* Muestra el Nombre de la Empresa al ingresar el codigo */
    function consultarEmpresa() {
        var codigo = $("#codigoEmpresa").val();
        var parametros = {
            codigoEmpresa: codigo
        };

        var promise = $.get("@Url.Action("ConsultarEmpresa", "Toques")", parametros);
        promise.done(mostrarNombreEmpresa);
        promise.fail(errorCodigoEmpresa);
    }

    function mostrarNombreEmpresa(datos) {
        $("#nombreEmpresa").html('  - ' + datos.Nombre + ' ' + '<span class="text-success"><span class="glyphicon glyphicon-ok"></span></span>')
    }

    function errorCodigoEmpresa() {
        $("#nombreEmpresa").html('<span class="text-danger"> Código inválido <span class="glyphicon glyphicon-warning-sign"></span></span>')
    }

    /* Muestra el Nombre de la localidad al ingresar el codigo */
    function consultarLocalidad() {
        var codigo = $("#codigoLocalidad").val();
        var parametros = {
            codigoLocalidad: codigo
        };

        var promise = $.get("@Url.Action("ConsultarLocalidad", "Toques")", parametros);
        promise.done(mostrarNombreLocalidad);
        promise.fail(errorCodigoLocalidad);
    }

    function mostrarNombreLocalidad(datos) {
        $("#nombreLocalidad").html('  - ' + datos.Nombre + ' ' + '<span class="text-success"><span class="glyphicon glyphicon-ok"></span></span>')
    }

    function errorCodigoLocalidad() {
        $("#nombreLocalidad").html('<span class="text-danger"> Código inválido <span class="glyphicon glyphicon-warning-sign"></span></span>')
    }

</script>
